<template>
    <view class="main">
        <view class="lists">
            <view class="block" v-for="(item,index) in questionList" @click="openQuestion(index)">
                <view class="list">
                    <image class="icon" src="/static/icons/answer.png"></image>
                    <view class="content">{{item.title}}</view>
                    <image :style="item.on ? 'transform: rotate(90deg);' : ''" class="right"
                        src="/static/icons/right.png"></image>
                    <!-- <image v-if="item.on" class="right" src="/static/icons/down.png"></image> -->
                </view>
                <view class="answer" :class="{open:item.on}">
                    答： {{item.answer}}
                </view>
            </view>
        </view>
        <view class="empty" v-if='!questionList.length'>
            <image src="/static/icons/empty.png" mode=""></image>
            空空如也
        </view>
        <view class="noMore" v-if='noMore && questionList.length'>没有更多啦</view>
    </view>
</template>

<script>
    import question from "./question.js";
    export default question;
</script>

<style>
    @import url("./question.css");
</style>